<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html version="HTML+RDFa 1.1" lang="vi">
<head>

    <meta http-equiv="x-dns-prefetch-control" content="on">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Trang quản trị - Thêm sản phẩm</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="viewport" content="width=1024">

    <link rel="icon" href="../../images/ico/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="../../images/ico/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon-precomposed" href="../../images/head/apple-touch-icon-precomposed.png">
    <link rel="apple-touch-icon" href="../../images/head/apple-touch-icon.png">

    <link rel="stylesheet" type="text/css" href="../../library/jquery-ui/jquery-ui.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/style-common/alice-vnfas-core-v29a01739e3cd.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../css/style-common/alice-vnfas-main-v7fb7ea25b252.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../css/style-body/body-regedit/alice-vnfas-account-v272d129423cd.css" media="all">

    <link rel="stylesheet" type="text/css" href="../../css/style-body/body-admin/body-tablescroll-non-line.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../css/style-body/body-admin/body-input.css" media="all">
    <link rel="stylesheet" type="text/css" href="<%= request.getContextPath() %>/css/style-input/body-table-input-common.css" media="all">
    <link rel="stylesheet" type="text/css" href="<%= request.getContextPath() %>/library/uploadify/uploadfile.css" media="all">

    <script type="text/javascript" src="../../library/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="../../library/jquery-ui/jquery-ui.js"></script>
    <script type="text/javascript" src="../../js/wrapper.js"></script>
    <script type="text/javascript" src="../../js/admin/ad-product.js"></script>
    <script type="text/javascript" src="../../library/uploadify/jquery.uploadfile.js"></script>
</head>

<body class="js l-full-hd ui-page-bg  thm-core thm-local_redesign thm-vnfas  l-hasSidebar no-touch">

<div id="page" class="l-page">
    <div id="header">
        <%@include file="../iframe/header-ad.jsp" %>
    </div>
</div>

<div id="content">
    <div class="l-pageWrapper">
        <div>
            <div id="login" class="line mbm box-bgcolor">
                <div class="">
                    <div class="box">
                        <div class="ui-borderBottom mbm txtColor login__title fsml">THÊM SẢN PHẨM MỚI</div>
                        <div class="login__form">
                            <form id="form-ProductCommon" action="" method="post">
                                <div class="clearfix loginForm">
                                    <fieldset class="ui-fieldset">

                                        <div class="ui-formRow mbn">
                                            <label class="mts col1 required">Nhập mã sản phẩm <span class="required">*</span>
                                            </label>
                                            <input class="ui-inputPassword" id="ProductCommon_code" type="text">
                                        </div>
                                        <div class="ui-formRow mbn">
                                            <label class="mts col1 required">Tên sản phẩm <span class="required">*</span>
                                            </label>
                                            <input class="ui-inputPassword" id="ProductCommon_name" type="text">
                                        </div>
                                        <div class="ui-formRow mbn">
                                            <label class="mts col1 required">Loại danh mục sản phẩm <span class="required">*</span>
                                            </label>
                                            <%--<input class="ui-inputPassword" id="DealCommon_user" type="text" value="" />--%>
                                            <select class="sorting b-catalogList__sortSelect fsm textCatalogTitleBlack" id="ProductCommon_listProduct">
                                            </select>
                                        </div>
                                        <div class="ui-formRow mbn">
                                            <label class="mts col1 required">Thông tin về sản phẩm <span class="required">*</span>
                                            </label>
                                            <input class="ui-inputPassword" id="ProductCommon_information" type="text" value="" />
                                        </div>
                                        <div class="ui-formRow mbn">
                                            <label class="mts col1 required">Giới tính <span class="required">*</span>
                                            </label>
                                            <select class="sorting b-catalogList__sortSelect fsm textCatalogTitleBlack" id="ProductCommon_sexual">
                                                <option selected="selected" value="non_value">Mời chọn...</option>
                                                <option value="NAM" id="ProductCommon_sexual_1">Nam</option>
                                                <option value="NỮ" id="ProductCommon_sexual_0">Nữ</option>
                                            </select>
                                        </div>

                                        <div id="buttonProductCommon" class="ui-formRow mts mbn align-center padding">
                                            <div id="buttonProductCommon_Quit" class="unitRight rfloat size1of3">
                                                <button class="btn btn-dark login__button" id="ProductCommon_Quit" type="button">Kết thúc</button>
                                            </div>
                                            <div id="buttonProductCommon_Add1" class="unitRight rfloat size1of3">
                                                <button class="btn btn-dark login__button" id="ProductCommon_Add1" type="button">Thêm</button>
                                            </div>
                                            <div id="buttonProductCommon_Detail_Retype" class="unitRight rfloat size1of3">
                                                <button class="btn btn-dark login__button" id="ProductCommon_Detail_Retype" type="button">Tạo mới</button>
                                            </div>
                                            <div id="buttonProductCommon_Detail" class="unitRight rfloat size1of4 hideBox">
                                                <button class="btn btn-dark login__button" id="ProductCommon_Detail" type="button">Thêm chi tiết</button>
                                            </div>

                                        </div>
                                    </fieldset>
                                </div>
                            </form>

                            <div id="boxDetailProduct" class="hideBox">
                                <hr/>
                                <form id="form-ProductDetail" action="" method="post">
                                    <div class="clearfix loginForm">
                                        <fieldset class="ui-fieldset">

                                            <div class="ui-formRow mbn">
                                                <label class="mts col1 required">Nhập mã chi tiết sản phẩm <span class="required">*</span>
                                                </label>
                                                <input class="ui-inputPassword" id="ProductDetail_code" type="text">
                                            </div>

                                            <div class="ui-formRow mbn">
                                                <label class="mts col1 required">Chọn size <span class="required">*</span>
                                                </label>
                                                <%--<input class="ui-inputPassword" id="DealCommon_user" type="text" value="" />--%>
                                                <select class="sorting b-catalogList__sortSelect fsm textCatalogTitleBlack" id="ProductDetail_size">
                                                </select>
                                            </div>
                                            <div class="ui-formRow mbn">
                                                <label class="mts col1 required">Chọn màu sắc <span class="required">*</span>
                                                </label>
                                                <select class="sorting b-catalogList__sortSelect fsm textCatalogTitleBlack" id="ProductDetail_color">
                                                </select>
                                            </div>
                                            <div class="ui-formRow mbn">
                                                <label class="mts col1 required">Chọn họa tiết <span class="required">*</span>
                                                </label>
                                                <select class="sorting b-catalogList__sortSelect fsm textCatalogTitleBlack" id="ProductDetail_motif">
                                                </select>
                                            </div>
                                            <div class="ui-formRow mbn">
                                                <label class="mts col1 required">Đơn giá <span class="required">*</span>
                                                </label>
                                                <input class="ui-inputPassword" id="ProductDetail_unitPrice" type="text">
                                            </div>
                                            <div class="ui-formRow mbn">
                                                <label class="mts col1 required">Số lượng <span class="required">*</span>
                                                </label>
                                                <input class="ui-inputPassword" id="ProductDetail_quantity" type="text">
                                            </div>

                                            <div id="buttonProductDetail" class="ui-formRow mts mbn align-center padding">
                                                <div id="buttonProductDetail_Retype" class="unitRight rfloat size1of3">
                                                    <button class="btn btn-dark login__button" id="ProductDetail_Retype" type="button">Tạo mới</button>
                                                </div>
                                                <div id="buttonProductDetail_Add1" class="unitRight rfloat size1of3">
                                                    <button class="btn btn-dark login__button" id="ProductDetail_Add1" type="button">Thêm</button>
                                                </div>
                                                <div id="buttonProductDetail_Cancel1" class="unitRight rfloat size1of3">
                                                    <button class="btn btn-dark login__button" id="ProductDetail_Cancel1" type="button">Hủy bỏ</button>
                                                </div>
                                                <div id="buttonProductDetail_Picture" class="unitRight rfloat size1of4 hideBox">
                                                    <button class="btn btn-dark login__button" id="ProductDetail_Picture" type="button">Thêm hình ảnh</button>
                                                </div>
                                            </div>

                                        </fieldset>
                                    </div>
                                </form>
                            </div>

                            <div id="boxDetailProductPicture" class="hideBox">
                                <hr/>
                                <form id="form-account-login" action="" method="post">
                                    <div class="clearfix loginForm align-center">
                                        <fieldset class="ui-fieldset">

                                            <div id="upload_template">
                                                <div id="multipleupload">Upload</div>
                                            </div>

                                            <div id="buttonProductDetailPicture_Add1" class="ui-formRow mts mbn align-center padding">

                                                <div class="unitRight rfloat size1of2">
                                                    <button class="btn btn-dark login__button" id="ProductDetailPicture_Cancel1" type="button">Hủy bỏ</button>
                                                </div>
                                                <%--<div class="unitRight rfloat size1of3">
                                                    <button class="btn btn-dark login__button" id="ProductDetailPicture_Quit" type="button">Thoát</button>
                                                </div>--%>
                                                <div class="unitRight rfloat size1of2">
                                                    <div id="startUpload" class="ajax-file-upload-green-detail-product">Thêm ảnh</div>
                                                </div>
                                            </div>

                                        </fieldset>

                                    </div>
                                </form>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<div id="boxTrackConfirm" class="tracking-form-modal-admin hideBox">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="tracking-form__header modal-header">
                <div class="tracking-form__header--title">Bạn muốn thêm chi tiết cho sản phẩm này?</div>
            </div>
            <div class="tracking-form__body modal-body">
                <form class="trackingOrderForm" action="" method="post">
                    <div class="ui-formRow mtl mbn">
                        <div class="mtm mbs tracking-form__body--submit">
                            <button id="buttonAddProductDetail_Agree" type="button" class="btn btn-dark strong">Đồng ý</button>
                            <button id="buttonAddProductDetail_Cancel" type="button" class="btn btn-dark strong">Hủy bỏ</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div id="boxTrackConfirmPicture" class="tracking-form-modal-admin hideBox">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="tracking-form__header modal-header">
                <div class="tracking-form__header--title">Bạn muốn thêm ảnh cho chi tiết sản phẩm này?</div>
            </div>
            <div class="tracking-form__body modal-body">
                <form class="trackingOrderForm" action="" method="post">
                    <div class="ui-formRow mtl mbn">
                        <div class="mtm mbs tracking-form__body--submit">
                            <button id="buttonAddProductDetailPicture_Agree" type="button" class="btn btn-dark strong">Đồng ý</button>
                            <button id="buttonAddProductDetailPicture_Cancel" type="button" class="btn btn-dark strong">Hủy bỏ</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div id="boxTrackQuitSessionConfirm" class="tracking-form-modal-admin hideBox">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="tracking-form__header modal-header">
                <div class="tracking-form__header--title">Bạn muốn kết thúc phiên làm việc?</div>
            </div>
            <div class="tracking-form__body modal-body">
                <form class="trackingOrderForm" action="" method="post">
                    <div class="ui-formRow mtl mbn">
                        <div class="mtm mbs tracking-form__body--submit">
                            <button id="buttonQuitSession_Agree" type="button" class="btn btn-dark strong">Đồng ý</button>
                            <button id="buttonQuitSession_Cancel" type="button" class="btn btn-dark strong">Hủy bỏ</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div id="boxTrackSuccessAddProductConfirm" class="tracking-form-modal-admin hideBox">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="tracking-form__header modal-header">
                <div class="tracking-form__header--title">Thêm sản phẩm mới thành công!</div>
            </div>
            <div class="tracking-form__body modal-body">
                <form class="trackingOrderForm" action="" method="post">
                    <div class="ui-formRow mtl mbn">
                        <div class="mtm mbs tracking-form__body--submit">
                            <button id="buttonSuccessAddProduct_Hide" type="button" class="btn btn-dark strong">Tắt</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<footer id="footer" class="ptl mtl">
    <hr>

</footer>
</body>
</html>
